<template>
	<view class="love_body">
		<view class="main">
			<view class="box" v-for="(item,index) in data">
				<image :src="item.img" mode="aspectFill" style="width:336rpx ;height: 280rpx;border-radius: 16rpx 16rpx 0px 0px;;"></image>
				<view class="love_title">
					{{item.title}}
				</view>
				<view class="love_ft">
					<image :src="item.userimg" mode="aspectFill" style="width: 36rpx;height: 36rpx;border-radius: 50%;vertical-align: bottom;"></image>
				<text class="username">{{item.username}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			count:''
		},
		data(){
			return{
				data:[{
					id:'1',
					img:'https://img1.baidu.com/it/u=546233624,2330689940&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1697907600&t=0d063e756b539c06bc25a1348dea5780',
					title:'感情咨询',
					userimg:'https://img1.baidu.com/it/u=546233624,2330689940&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1697907600&t=0d063e756b539c06bc25a1348dea5780',
					username:'星空下的灯塔'
				},
				{
					id:'1',
					img:'https://img1.baidu.com/it/u=2136678070,2779442338&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1697907600&t=3c77f41daef5d091270dcd05a4892d62',
					title:'感情咨询',
					userimg:'https://img1.baidu.com/it/u=2136678070,2779442338&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1697907600&t=3c77f41daef5d091270dcd05a4892d62',
					username:'星空下的灯塔'
				},
				{
					id:'1',
					img:'https://img1.baidu.com/it/u=3762998275,2618077829&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1697907600&t=3577a4f4377977c5b1f317eff52ab306',
					title:'感情咨询',
					userimg:'https://img1.baidu.com/it/u=3762998275,2618077829&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1697907600&t=3577a4f4377977c5b1f317eff52ab306',
					username:'星空下的灯塔'
				},
				{
					id:'1',
					img:'https://img2.baidu.com/it/u=4242923356,2811818368&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=501',
					title:'感情咨询',
					userimg:'https://img2.baidu.com/it/u=4242923356,2811818368&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=501',
					username:'星空下的灯塔'
				},
				{
					id:'1',
					img:'https://img0.baidu.com/it/u=1968780206,2784616507&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
					title:'感情咨询',
					userimg:'https://img0.baidu.com/it/u=1968780206,2784616507&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
					username:'星空下的灯塔'
				},
				]
			}
		},
		mounted(){
			console.log(this.count,'count');
		}
	}
</script>

<style scoped lang="less">
.love_body{
	width: 100%;
	height: 100vh;
	background: #F5F5F7;
	.main{
		padding: 0rpx 28rpx 0 28rpx;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		.box{
			width: 336rpx;
			height: 408rpx;
			border-radius: 16rpx 16rpx 0px 0px;
			opacity: 1;
			background: #FFFFFF;
			margin-top: 20rpx;
			.love_title{
				font-size: 32rpx;
				font-family: PingFang SC-Bold, PingFang SC;
				font-weight: bold;
				color: #333333;
				line-height: 56rpx;
				letter-spacing: 2rpx;
				margin-left: 30rpx;
			}
			.love_ft{
				margin-left: 30rpx;
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #666666;
				.username{
					margin-left: 15rpx;
				}
			}
		}
	}
}
</style>